<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
  
<ul id="myTab" class="nav nav-tabs">
    <li class="active">
        <a href="#court" data-toggle="tab">
            场地信息
        </a>
    </li>
    <li><a href="#order" data-toggle="tab">预约情况</a></li>
</ul>
<div id="myTabContent" class="tab-content">
    <div class="tab-pane fade in active" id="court">    	
		<div class="container">
			<div class="row">
				<div class="col-sm-9">
					<form class="form-horizontal" role="form">
				  		<div class="form-group">
				    		<div class="col-sm-6">
								<input type="text" class="form-control" id="query_text" placeholder="请输入搜索内容">
				    		</div>
				    		<div class="col-sm-6">
				    			<input type="button" id="query_btn" class="btn btn-default" value="搜索">
				    		</div>		
				  		</div>
					</form>
				</div>
				<div class="col-sm-3">
					<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#addCourtModal">添加场地</button>
				</div>
			</div>
		</div>	
		
		<!-- 悬停表格布局 -->
		<table class="table table-hover" id="tab">		
		    <tr>
		      <th>场馆编号</th>
		      <th>场馆名称</th>
		      <th>运动类型</th>
		      <th>开放时间</th>
		      <th>结束时间</th>
		      <th>场地数目</th>
		      <th>操作</th>
		    </tr>


		    <!--<tr>
		      <td class="venue_id">10000</td>
		      <td class="venue_name">Bangalore</td>
		      <td class="sport">560001</td>
		      <td class="open_time">9:00</td>
		      <td class="close_time">21:00</td>
		      <td class="court_num">5</td>
		      <td>
		      	<button type="button" class="btn btn-info edit_btn" data-toggle="modal">编辑</button>
            	&nbsp;&nbsp;
        		<button type="button" class="btn btn-danger delete_btn">删除</button>
		      </td>
		    </tr>-->

		</table>
		
		<!-- 添加场地模态框（addCourtModal） start-->
	    <div class="modal fade" id="addCourtModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	        <div class="modal-dialog">
	            <div class="modal-content">
	                <div class="modal-header">
	                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
	                        &times;
	                    </button>
	                    <h4 class="modal-title" id="myModalLabel">
	                        添加场地
	                    </h4>
	                </div>
	                <div class="modal-body">
	                    <form class="form-horizontal" role="form" id="venue_form">
	                        <div class="form-group">
	                            <label for="venue_id" class="col-sm-3 control-label">场馆编号</label>
	                            <div class="col-sm-9">
	                                <input type="text" class="form-control" id="venue_id" name="venueId" placeholder="请输入场馆编号">
	                            </div>
	                        </div>
	                       
	                        <div class="form-group">
	                            <label for="vanue_name" class="col-sm-3 control-label">场馆名称</label>
	                            <div class="col-sm-9">
	                                <input type="text" class="form-control" name="venueName" value="" id="venue_name" placeholder="场馆名称">
	                            </div>
	                        </div>
	                        <div class="form-group">
	                            <label for="sport" class="col-sm-3 control-label">运动类型</label>
	                            <div class="col-sm-9">
	                                <input type="text" class="form-control" name="sport" value="" id="sport" placeholder="运动类型">
	                            </div>
	                        </div>
	                        <div class="form-group">
	                            <label for="open_time" class="col-sm-3 control-label">开放时间</label>
	                            <div class="col-sm-9">
	                                <input type="time" class="form-control" name="openTime" value="" id="open_time" placeholder="开放时间">
	                            </div>
	                        </div>
	                        <div class="form-group">
	                            <label for="close_time" class="col-sm-3 control-label">关闭时间</label>
	                            <div class="col-sm-9">
	                                <input type="time" class="form-control" name="closeTime" value="" id="close_time" placeholder="关闭时间">
	                            </div>
	                        </div>
	                        <div class="form-group">
	                            <label for="court_num" class="col-sm-3 control-label">场地数目</label>
	                            <div class="col-sm-9">
	                                <input type="number" class="form-control" name="courtNum" value="" id="court_num" placeholder="场地数目">
	                            </div>
	                        </div>	                      	                        	                        	
	                    </form>
	                </div>
	                <div class="modal-footer">
	                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	                    <button type="button" id="add_btn" class="btn btn-primary" data-dismiss="modal">添加</button>
	                </div>
	            </div><!-- /.modal-content -->
	        </div><!-- /.modal -->
	    </div>
	    <!--添加场地模态框（addCourtModal） end  -->

        <!--修改场地模态框（updateCourtModal） start-->
        <div class="modal fade" id="updateCourtModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            更新场地信息
                        </h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" role="form">
                            <div class="form-group">
                                <label for="venue_id2" class="col-sm-3 control-label">场馆编号</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="venue_id2" name="venueId" placeholder="请输入场馆编号">
                                </div>
                            </div>
                           
                            <div class="form-group">
                                <label for="vanue_name2" class="col-sm-3 control-label">场馆名称</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" name="venueName" value="" id="venue_name2" placeholder="场馆名称">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="sport2" class="col-sm-3 control-label">运动类型</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" name="sport" value="" id="sport2" placeholder="运动类型">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="open_time2" class="col-sm-3 control-label">开放时间</label>
                                <div class="col-sm-9">
                                    <input type="time" class="form-control" name="openTime" value="" id="open_time2" placeholder="开放时间">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="close_time2" class="col-sm-3 control-label">关闭时间</label>
                                <div class="col-sm-9">
                                    <input type="time" class="form-control" name="closeTime" value="" id="close_time2" placeholder="关闭时间">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="court_num2" class="col-sm-3 control-label">场地数目</label>
                                <div class="col-sm-9">
                                    <input type="number" class="form-control" name="courtNum" value="" id="court_num2" placeholder="场地数目">
                                </div>
                            </div>                                                                                  
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" id="update_btn" class="btn btn-primary" data-dismiss="modal">更新</button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!--修改场地模态框（updateCourtModal） end  -->
		  	
    </div>
    <div class="tab-pane fade" id="order">
        <p>该功能正在开发中...</p>
    </div>
</div>
    